<template>
  <div class="_ehl_image"><img class="_ehl_image_img" :src="src" alt="暂无图片" /></div>
</template>
<script>
  export default {
    props: {
      src: { type: String, default: () => '' },
    },
  }
</script>
<style lang="less" scoped>
  ._ehl_image {
    width: 100%;
    height: 100%;
    overflow: hidden;

    ._ehl_image_img {
      width: 100%;
      height: 100%;

      &:hover {
        transform: scale(1.3);
      }
    }
  }
</style>
